Channel: Thapa Technical

Category: Education

Tags: navbarcss reusable codenavigation bar in html and csshow to create a navbar in websitehtmlcss navigation barnavigation bar

Description: Welcome Guys, to the Best Website Development Couse in Hindi. Today in this video we are going to create Navbar & CSS reusable codes. In this video we have created a navbar, then we have applied CSS code to style the navbar. What is a navbar? A navigation bar needs standard HTML as a base. In our examples, we will build the navigation bar from a standard HTML list. Navigation Bar = List of Links We then created CSS variables, so we could reuse the code. Next, we learned about tints and shades. what are CSS variables? Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document. what is font family? A font family is a collection of fonts that share particular design features within a specific style of a typeface. We have also learned about font family and how to use google fonts in CSS. 👉 Reference link for CSS snippets: youtu.be/IFpGTYsXGG4 😍 Check my Instagram to Connect with me: instagram.com/thapatechnical ♥ Free Source Code & Discord Server Link: thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html 👉 Complete Playlist Link: youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1 -------------- Timeline ------------------- 00:00 Introduction 00:12 What is navbar? 00:43 Adding logo 02:21 listing menu 04:36 Adding css file 05:29 Creating css variable 09:26 What is tints and shade? 12:01 Font family 14:30 Using font family 16:00 Targeting (h1) tag 17:33 Targeting (h3) tag 18:13 Targeting (p) tag 19:00 Targeting anchor and list tag 19:32 What will we learn in next video? 19:48 Outro